﻿.ptMainPanel
{
    width: 258px;
    
    position: absolute;
    z-index: 10000;
    display: none;
    
    margin: 0;
    padding: 0;
}

#ptClose
{
    width: 30px;
	height: 30px;
	
	position: absolute;
	left: -12px;
	top: -12px;
	
	background: transparent url(/PeriodicTripControl/resources/close.png) no-repeat 0 0;
}

#ptHeader, #ptContent, #ptFooter
{
    width: 258px;
    
    clear: both;
}

#ptTopLeftCorner, #ptTopRightCorner, #ptBottomLeftCorner, #ptBottomRightCorner
{
    width: 20px;
	height: 20px;
	
	float: left;
	
	cursor: move;
}

#ptTopLeftCorner
{
	background: transparent url(/PeriodicTripControl/resources/corners.png) no-repeat 0 0;
}

#ptTopRightCorner
{
	background: transparent url(/PeriodicTripControl/resources/corners.png) no-repeat 0 -20px;
}

#ptBottomLeftCorner
{
	background: transparent url(/PeriodicTripControl/resources/corners.png) no-repeat 0 -40px;
}

#ptBottomRightCorner
{
	background: transparent url(/PeriodicTripControl/resources/corners.png) no-repeat 0 -60px;
}

#ptTopBorder, #ptBottomBorder
{
    width: 218px;
	height: 17px;
	
	float: left;
	
	cursor: move;
	background: transparent url(/PeriodicTripControl/resources/background.png) repeat 0 0;
}

#ptTopBorder
{
    color: #A8FE00;
    font-size: 12px;
    font-weight: bold; 
    font-family: Verdana, Arial, Sans-Serif;
    line-height: 20px;
    text-align:center;
    
    border-top: 3px solid #A8FE00;
}

#ptBottomBorder
{
    border-bottom: 3px solid #A8FE00;
}

#ptContent
{
    width: 218px;
	
	padding-left: 17px;
	padding-right: 17px;
	border-left: 3px solid #A8FE00;
	border-right: 3px solid #A8FE00;
	background: transparent url(/PeriodicTripControl/resources/background.png) repeat 0 0;
}

#ptDaysOfTheWeekContainer
{
    width: 218px;
    height: 32px;
    
    padding-top: 15px;
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    
    position: relative;
}

.ptDayOfTheWeek
{
    float: left;
    
    width: 30px;
    height: 30px;
    
    line-height: 30px;
    text-align: center;
    font-family: arial,sans-serif; 
    font-weight: bold; 
    font-size: 18px; 
    color: #3F960B;
    
    border-top: solid 1px #3F960B;
    border-bottom: solid 1px #3F960B;
    border-left: solid 1px #3F960B;
    background: #C3FB1D url(/PeriodicTripControl/resources/daysOfTheWeekBckg.png) no-repeat 0 0;
    cursor: pointer;
}

.ptDayOfTheWeek.last
{
    border-right: solid 1px #3F960B;
}

.ptDayOfTheWeek.selected
{
    color: #C3FB1D;
    background: #3F960B url(/PeriodicTripControl/resources/daysOfTheWeekBckg.png) no-repeat 0 -30px;
}

#ptDepartureTimeContainer div
{
    display: none;
    
    height: 35px;
    width: 218px;
    line-height: 35px;
    position: relative;
    
    color: #A8FE00;
    font-size: 12px;
    font-weight: bold; 
    font-family: Verdana, Arial, Sans-Serif;
}

#ptTripDuration
{
    display: none;
    
    height: 35px;
    width: 218px;
    line-height: 35px;
    position: relative;
    
    color: #A8FE00;
    font-size: 12px;
    font-weight: bold; 
    font-family: Verdana, Arial, Sans-Serif;
}

span#ptDurationLabel
{
    position: absolute;
    left: 0px;
}

span.ptDay
{
    position: absolute;
    left: 0px;
}

span.ptTime
{
    position: absolute;
    right: 0px;
}

span.ptTimeSeparator
{
    margin-left: 2px;
    margin-right: 2px;
}